<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册页</title>
    <link rel="stylesheet" href="./css/register.min.css">
</head>

<body>
    <div class="web">
        <!-- 公共头部 -->
        <header>
            <div class="border-top"></div>
            <div class="header-content">
                <div class="logo">
                    <img src="./image/header/logo.png" alt="">
                </div>
                <!-- 导航 -->
                <nav>
                    <ul>
                        <li class="active"><a href="">首页</a></li>
                        <li><a href="">关于鼎搜</a></li>
                        <li><a href="">鼎搜服务</a></li>
                        <li><a href="">鼎搜动态</a></li>
                        <li><a href="">鼎搜诚聘</a></li>
                        <li><a href="">鼎搜公益</a></li>
                    </ul>
                </nav>
                <!-- 搜索框 -->
                <div class="search">
                    <input type="text">
                </div>
            </div>
            <!-- 顶部大图 -->
            <div class="banner">
                <img src="./image/header/banner.png" alt="">
            </div>
        </header>
        <main>
            <!-- 我要转让 -->
            <div class="transfer">
                <h3>我要转让 <br>
                    <span>WO YAO ZHUAN RANG</span>
                </h3>
            </div>
            <!-- 注册表单 -->
            <div class="register-content">
                <table>
                    <caption>(带 * 号的表示为必填项目，用户名必须大于3位小于20位，密码必须大于3位)</caption>
                    <tr>
                        <td>用户名：</td>
                        <td><input class="normal" type="text"> <span>*</span> (可以使用中文，但禁止除[@][.]以外的特殊符号)</td>
                    </tr>
                    <tr>
                        <td>公司名称：</td>
                        <td><input class="normal" type="text"> <span>*</span> </td>
                    </tr>
                    <tr>
                        <td>登陆密码：</td>
                        <td><input class="normal" type="password"> <span>*</span> </td>
                    </tr>
                    <tr>
                        <td>确认密码：</td>
                        <td><input class="normal" type="password"> <span style="font-size: 12px;">*×两次输入密码不一致</span>
                        </td>
                    </tr>
                    <tr>
                        <td>电子邮箱：</td>
                        <td><input class="normal" type="text"> <span>*</span> (每个电子邮邮箱只能注册一个帐号)</td>
                    </tr>
                    <tr>
                        <td>安全问题：</td>
                        <td>
                            <select class="select" name="" id="" placeholder="没安全提示问题">
                                <option value="">没安全提示问题</option>
                            </select>(忘记密码时重设密码用)
                        </td>
                    </tr>
                    <tr>
                        <td>问题答案：</td>
                        <td><input class="normal" type="text"></td>
                    </tr>
                    <tr>
                        <td>性别：</td>
                        <td>
                            <label for=""><input class="radio" type="radio" name="gender" id="">
                            <span style="font-size: 12px; color: black;">男</span></label>
                            <label for=""><input class="radio" type="radio" name="gender" id="">
                            <span style="font-size: 12px; color: black;">女</span></label>
                            <label for=""><input class="radio" type="radio" name="gender" id="">
                            <span style="font-size: 12px; color: black;">保密</span></label>
                        </td>
                    </tr>
                    <tr>
                        <td>验证码：</td>
                        <td><input class="verify" type="text"> <img src="./image/login/verify.png" alt=""> <span
                                style="font-size: 12px;color: black;">看不清？</span> <a href="">点击更换</a>
                        </td>
                    </tr>
                    <tr>
                        <td class="protocol">会员注册协议：</td>
                        <td>
                            <textarea name="" id="" cols="70" rows="10">1、在本站注册的会员，必须遵守《互联网电子公告服务管理规定》，不得在本站发表诽谤他人，侵犯他人隐私，侵犯他人知识产权，传播病毒，政治言论，商业讯息等信息。
2、在所有在本站发表的文章，本站都具有最终编辑权，并且保留用于印刷或向第三方发表的权利，如果你的资料不齐全，我们将有权不作任何通知使用你在本站发布的作品。
3、在登记过程中，您将选择注册名和密码。注册名的选择应遵守法律法规及社会公德。您必须对您的密码保密，您将对您注册名和密码下发生的所有活动承担责任。
                         </textarea>
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td><input class="checkbox" type="checkbox"> <span
                                style="font-size: 12px; color: black;">我已阅读并完全接受服务协议</span> </td>
                    </tr>
                </table>
            </div>
            <!-- 注册按钮 -->
            <div class="register-bt">
                <button>注册</button>
            </div>
        </main>
        <!-- 底部 -->
        <footer>
            <!-- 装饰线 -->
            <hr>
            <!-- 列表 -->
            <div class="footer">
                <ul>
                    <li>简介</li>
                    <li><a href="">鼎搜网简介</a></li>
                    <li><a href="">鼎搜服务</a></li>
                    <li><a href="">会员身份实名认证</a></li>
                </ul>
                <ul>
                    <li>帮助</li>
                    <li><a href="">用户注册</a></li>
                    <li><a href="">关于鼎搜</a></li>
                    <li><a href="">在线咨询</a></li>
                </ul>
                <ul>
                    <li>共赢</li>
                    <li><a href="">网站合作</a></li>
                    <li><a href="">用户协议</a></li>
                    <li><a href="">会员身份实名认证</a></li>
                </ul>
                <ul>
                    <li>导航</li>
                    <li><a href="">地图首页</a></li>
                    <li><a href="">职能分类</a></li>
                    <li><a href="">企业名录</a> </li>
                </ul>
                <div class="connect">
                    <img src="./image/footer/connect.png" alt="">
                </div>
            </div>
            <!-- 底部蓝色 -->
            <div class="border-bottom">
                Copyright ©2015 鼎搜网(www.dinsoo.com) 版权所有
            </div>
        </footer>
    </div>
</body>

</html>